<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/theme/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/bootstrap/css/bootstrap-table.min.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/theme/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/theme/style.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/theme/bootstrap.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap/bootstrap-table-locale-all.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.ext.js"></script>
    
    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }
    </style>
</head>
<body>
<form class="form-inline definewidth m20" action="index.html" method="get">  
    手机号：
    <input type="text" name="phone" id="phone"class="abc input-default" placeholder="" value="">&nbsp;&nbsp;  
    <select name="status" id="status" class="abc input-default"> 
    	<option value="">全部</option>
   		<option value="0">未激活</option>
   		<option value="1">已激活</option>
   		<option value="2">已封禁</option>
    </select>
    <button type="button" onclick="query()" class="btn btn-primary">查询</button>
</form>
 <table id="mytab" class="table table-striped table-bordered"></table> 
</body>
<script>
	
	function query() {
	    var phone = $('#phone').val();
	    var status = $('#status option:selected').val();
	    $('#mytab').bootstrapTable("refreshOptions", {
	        queryParams: function (params) {
	            params.numPerPage = params.limit;
	            params.pageNum = params.offset / params.limit + 1;
	            params.phone = phone;
	            params.status = status;
	            return params;
	        }
	    });
	    $('#mytab').bootstrapTable({
	        url: "${pageContext.request.contextPath}/admin/user_list_data.html", //数据源
	       // height:tableHeight(),
	        dataField: "rows", //服务端返回数据键值 就是说记录放的键值是rows，分页时使用总记录数的键值为total
	        pagination: true, //是否分页
	        pageSize: 20, //单页记录数
	        pageList : [ 20,50,100,200 ],//分页步进值
	        sidePagination: "server", //服务端分页
	        contentType: "application/x-www-form-urlencoded", //请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理
	        dataType: "json", //期待返回数据类型
	        method: "post", //请求方式
	        searchAlign: "left", //查询框对齐方式
	        locale: "zh-CN",
	        queryParams: function (params) {
	                params.numPerPage = params.limit;
	                params.pageNum = params.offset / params.limit + 1;
	                params.phone = phone;
	                params.status = status;
	                return params;
	            },
	            buttonsAlign: "left", //按钮对齐方式
	        columns: [{
	        	width: "5%",
				field: '',
				title: '序号',
				formatter: function (value, row, index) {
					return index+1;
				}
			}, {
	            field: "phone",
	            title: "手机号",
	        }, {
	            field: "email",
	            title: "邮箱",
	        }, {
	            field: "userName",
	            title: "昵称",
	        },{
	            field: "myAgentTotals",
	            title: "下级代理",
	        },{
	            field: "salesAllCard",
	            title: "总共销售",
	        },{
	            field: "totalCard",
	            title: "剩余数量",
	        } ,{
	            field: "ticeng",
	            title: "分润金额",
	        } ,{
	        	width: "10%",
	            field: "status",
	            title: "状态",
	            formatter: function (value, row, index) {
	            	var html = '其他';
	            	if(row.status==0){
	            		html = '未激活';
	            	}else if(row.status==1){
	            		html = '正常';
	            	}else if(row.status==2){
	            		html = '已封禁';
	            	}else if(row.status==3){
	            		html = '已删除';
	            	}
	                return html ;
	            }
	        },{
	            field: "remark",
	            title: "备注",
	        },{
	            field: "createTime",
	            title: "加入时间",
	        },{
	        	width: "10%",
	            field: "id",
	            title: "操作",
	            formatter: function (value, row, index) {
	            	var html ="";
	            	if(row.status==0||row.status==2||row.status==3){
	            		html += '<a href="javascript:;" onclick="setStatus('+value+','+1+')" >激活</a>';
	            	}else if(row.status==1){
	            		html += '<a href="javascript:;" onclick="addwind('+value+')" >充卡</a>&nbsp;&nbsp;';
		            	html += '<a href="javascript:;" onclick="addTradewind('+value+')" >打款</a>&nbsp;&nbsp;';
	            		html += '<a href="javascript:;" onclick="setStatus('+value+','+2+')" >封禁</a>';
	            	}
	                return html ;
	            }
	        }]
	    }).on("click-row.bs.table", function (args, row, $element) {
	        
    });}
	

    $(function () {
    	query();
    	
    	$('#addUser').click(function(){
    		var system ={}; 
            var p = navigator.platform;      
            system.win = p.indexOf("Win") == 0; 
            system.mac = p.indexOf("Mac") == 0; 
            system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);    
            if(system.win||system.mac||system.xll){
        		//如果是电脑跳转到弹出框 
            	lindex = layer.open({
      		      type: 2,
      		      title: '新增下级用户',
      		      shadeClose: true,
      		      shade: false,
      		      maxmin: true, //开启最大化最小化按钮
      		      area: ['693px', '350px'],
      		      content: '${pageContext.request.contextPath}/admin/user_add.html'
      		    });
            }else{  
        		//如果是手机,跳转到页签
        		window.location.href="${pageContext.request.contextPath}/admin/user_add.html";
            }
	 	});

    });

    function addwind(userId){
    	var system ={}; 
        var p = navigator.platform;      
        system.win = p.indexOf("Win") == 0; 
        system.mac = p.indexOf("Mac") == 0; 
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);    
        if(system.win||system.mac||system.xll){
    		//如果是电脑跳转到弹出框 
        	lindex = layer.open({
      	      type: 2,
      	      title: '加卡',
      	      shadeClose: true,
      	      shade: false,
      	      maxmin: true, //开启最大化最小化按钮
      	      area: ['550px', '475px'],
      	      content: '${pageContext.request.contextPath}/admin/card_user_add.html?userId='+userId
      	    });
        }else{  
    		//如果是手机,跳转到页签
    		window.location.href="${pageContext.request.contextPath}/admin/card_user_add.html?userId="+userId;
        }
    }
    
    function addTradewind(userId){
    	var system ={}; 
        var p = navigator.platform;      
        system.win = p.indexOf("Win") == 0; 
        system.mac = p.indexOf("Mac") == 0; 
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);    
        if(system.win||system.mac||system.xll){
    		//如果是电脑跳转到弹出框 
        	lindex = layer.open({
      	      type: 2,
      	      title: '打款',
      	      shadeClose: true,
      	      shade: false,
      	      maxmin: true, //开启最大化最小化按钮
      	      area: ['650px', '520px'],
      	      content: '${pageContext.request.contextPath}/admin/tradeFlow_edit.html?userId='+userId
      	    });
        }else{  
    		//如果是手机,跳转到页签
    		window.location.href="${pageContext.request.contextPath}/admin/tradeFlow_edit.html?userId="+userId;
        }
    }
    
    
    
    
    function setStatus(userId,status){
    	var msg = (status==1?"激活":"封禁") +" 该用户 ？";
    	layer.confirm('确认'+msg, {
    	    btn: ['确认','取消'], //按钮
    	    shade: false //不显示遮罩
    	}, function(){
    	    $.post("${pageContext.request.contextPath}/admin/user_list_status.html",
    	            {"userId":userId,"status":status},
    	       function(data){
    	            	var json = eval("("+data+")");
    	            	$('#usersave').removeAttr("disabled");  //移除disabled属性 
    					if(json.statusCode =='200'){
    						layer.msg(json.message, {icon: 1});
    						setTimeout("query()",2000);
    					}else{
	    					layer.msg(json.message, {shift: 6});
    					}
    	      });
    	});
    }
    
	
</script>
</html>